<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>我的学习日志</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../css/iconfont-web.css">
	<link rel="stylesheet" type="text/css" href="../css/daokes-web.css">
</head>

<body>
	<div class="pos-r ht100-per w100-per">
		<!-- 左侧菜单 start -->
		<div class="pos-a pos-t0 pos-l0 pos-b0 bg-e" style="width:160px;">
			放置左侧菜单
		</div>
		<!-- 左侧菜单 end -->
		<!-- 右侧 start -->
		<div style="padding-left:166px;">
			<!-- 右侧顶部 start -->
			<div class="bg-c" style="height: 50px;">顶部</div>
			<!-- 右侧顶部 end -->
			<!-- content start -->
			<div class="p20">
				<div class="ht40 l-ht40 border-b-1">我的学习日志</div>
				<div class="font14">
					<div class="display-ib vertical-a-t border-r-1" style="width:200px;padding-top:20px;">
						<ul>
							<li class="l-ht30"><a href="">20181012 原型逻辑学习总结：学习心得</a></li>
							<li class="l-ht30"><a href="">20181012 原型逻辑学习总结：学习心得</a></li>
							<li class="l-ht30"><a href="">20181012 原型逻辑学习总结：学习心得</a></li>
							<li class="l-ht30"><a href="">20181012 原型逻辑学习总结：学习心得</a></li>
							<li class="l-ht30"><a href="">20181012 原型逻辑学习总结：学习心得</a></li>
							<li class="l-ht30"><a href="">20181012 原型逻辑学习总结：学习心得</a></li>
							<li class="l-ht30"><a href="">20181012 原型逻辑学习总结：学习心得</a></li>
						</ul>
					</div>
					<div class="display-ib vertical-a-t">
						<div>
							<h3>我的学习日志：</h3>
							<input type="button" value="上传学习日志" class="btn-hov fr" />
						</div>
						<div class="p20">
							<div class="l-ht40">
								<span class="display-ib" style="width:120px;">课程名：</span><span>原型逻辑原型逻辑原型逻辑</span>
							</div>
							<div class="l-ht40">
								<span class="display-ib vertical-a-t" style="width:120px;">学习成绩：</span><span class="vertical-a-t display-ib"
								 style="width:400px;">学习心得学习心得学习心得学习心得学习心得学习心得学习心得学习心得学习心得学习心得</span>
							</div>
							<div>
								<span class="display-ib vertical-a-t" style="width:120px;">学习成果：</span>
								<span class="display-ib vertical-a-t">
									<img src="../images/1.png" alt="" style="padding:5px;height:100px;width:100px;">
									<img src="../images/1.png" alt="" style="padding:5px;height:100px;width:100px;">
									<img src="../images/1.png" alt="" style="padding:5px;height:100px;width:100px;">
								</span>
							</div>
							<div class="l-ht40">
								<span class="display-ib vertical-a-t" style="width:120px;">附件：</span>
								<div class="display-ib vertical-a-t">
									<a href="" class="display-b color-blue">知识管理——数据架构.doc</a>
									<a href="" class="display-b color-blue">知识管理——数据架构.doc</a>
									<a href="" class="display-b color-blue">知识管理——数据架构.doc</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- content end -->
		</div>
		<!-- 右侧 end -->
	</div>

	<!--上传学习日志弹窗 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-y-a ht100-per w100-per font14 display-n" style="z-index:99;">
		<div style="padding-top:200px;padding-bottom:30px;margin-left: 40%;">
			<div class="bg-f radius-4 overflow-h display-ib">
				<div class="bg-f4 font14 bg-theme color-f" style="height: 40px;line-height: 40px;padding-left: 10px;">
					<i class="icon iconfont icon-close fr text-c cursor-p font18" style="width:40px;" title="close"
					 data-feidao-actions="click:eu-001"></i>上传学习日志
				</div>
				<div class="p20">
					<div class="ht40 l-ht40 font14" style="margin: 5px 0;">
						<span class="display-ib color-6 font14" style="width: 100px;">
							<span class="color-red pos-r font18" style="right: 3px;top:5px;">*</span>课程名称：
						</span>
						<select name="" id="" class="border-1 radius-4 l-ht30 ht30" style="padding:0 5px;width:300px;">
							<option value="">请选择</option>
						</select>
					</div>
					<div class="l-ht40 font14" style="margin: 5px 0;">
						<span class="display-ib color-6 font14" style="width: 100px;">
							<span class="color-red pos-r font18" style="right: 3px;top:5px;">*</span>学习总结：
						</span>
						<textarea class="border-1 radius-4 l-ht30 vertical-a-t" style="padding:0 5px;height:100px;width:300px;resize: none;"></textarea>
					</div>
					<div class="l-ht40  font14" style="margin: 5px 0;">
						<span class="display-ib color-6 font14 vertical-a-t" style="width: 100px;">
							<span class="color-red pos-r font18" style="right: 3px;top:5px;">*</span>学习成果：
						</span>
						<div class="display-ib vertical-a-t">
							<div>
								<input type="button" value="上传文件" class="btn-hov" style="" />
							</div>
							<div class="" style="min-height:100px;">
								<a href="" class="display-b color-blue">知识管理——数据架构.doc</a>
								<a href="" class="display-b color-blue">知识管理——数据架构.doc</a>
								<a href="" class="display-b color-blue">知识管理——数据架构.doc</a>
							</div>
						</div>
					</div>
					<div class="text-c" style="margin-top: 20px;">
						<input type="button" value="保存" class="btn-hov" style="width: 80px;" />
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 上传学习日志弹窗 end -->


	<!--编辑学习日志弹窗 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-y-a ht100-per w100-per font14 display-n" style="z-index:99;">
		<div style="padding-top:200px;padding-bottom:30px;margin-left: 40%;">
			<div class="bg-f radius-4 overflow-h display-ib">
				<div class="bg-f4 font14 bg-theme color-f" style="height: 40px;line-height: 40px;padding-left: 10px;">
					<i class="icon iconfont icon-close fr text-c cursor-p font18" style="width:40px;" title="close"
					 data-feidao-actions="click:eu-001"></i>上传学习日志
				</div>
				<div class="p20">
					<div class="ht40 l-ht40 font14" style="margin: 5px 0;">
						<span class="display-ib color-6 font14" style="width: 100px;">
							<span class="color-red pos-r font18" style="right: 3px;top:5px;">*</span>课程名称：
						</span>
						<select name="" id="" class="border-1 radius-4 l-ht30 ht30" style="padding:0 5px;width:300px;">
							<option value="">请选择</option>
						</select>
					</div>
					<div class="l-ht30 font14" style="margin: 5px 0;">
						<span class="display-ib color-6 font14" style="width: 100px;">
							<span class="color-red pos-r font18" style="right: 3px;top:5px;">*</span>学习总结：
						</span>
						<textarea class="border-1 radius-4 l-ht30 vertical-a-t" style="padding:0 5px;height:100px;width:300px;resize: none;">学习心得学习心得学习心得学习心得学习心得学习心得</textarea>
					</div>
					<div class="l-ht40  font14" style="margin: 5px 0;">
						<span class="display-ib color-6 font14 vertical-a-t" style="width: 100px;">
							<span class="color-red pos-r font18" style="right: 3px;top:5px;">*</span>学习成果：
						</span>
						<div class="display-ib vertical-a-t">
							<div>
								<input type="button" value="上传文件" class="btn-hov" style="" />
							</div>
							<div class="" style="min-height:100px;">
								<a href="" class="display-b color-blue">知识管理——数据架构.doc</a>
								<a href="" class="display-b color-blue">知识管理——数据架构.doc</a>
								<a href="" class="display-b color-blue">知识管理——数据架构.doc</a>
							</div>
						</div>
					</div>
					<div class="text-c" style="margin-top: 20px;">
						<input type="button" value="保存" class="btn-hov" style="width: 80px;" />
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 编辑学习日志弹窗 end -->

	<!-- 上传文件 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-y-a ht100-per w100-per font14 display-n" style="z-index:99;">
		<div style="padding-top:200px;padding-bottom:30px;margin-left: 40%;">
			<div class="bg-f radius-4 overflow-h display-ib">
				<div class="bg-f4 font14 bg-theme color-f" style="height: 40px;line-height: 40px;padding-left: 10px;">
					<i class="icon iconfont icon-close fr text-c cursor-p font18" style="width:40px;" title="close"
					 data-feidao-actions="click:eu-001"></i>上传文件
				</div>
				<div class="p20">
					<div class="ht40 l-ht40 font14">
						<input type="button" value="浏览" class="btn-hov" style="margin: 0 5px;" />
						<input type="button" value="上传" class="btn-hov" style="margin: 0 5px;" />
					</div>
					<div style="width:450px;" class="display- text-c bg-f4">
						<span class="display-b" style="padding:100px 0;">将文件或图片拖拽到这里</span>
						<span class="display-ib color-red" style="width:400px;white-space: normal;margin: 0 auto;padding-bottom: 20px;">可一次上传多个多种任意格式的文件，支持批量拖拽文件上传；并且支持批量拖拽文件上传</span>
					</div>
					<!-- 表格 start -->
					<div style="margin-top: 10px;">
						<!--表头 start -->
						<div>
							<div class="border-t-1 border-l-1 border-b-1 font12 t_title display-ib" style="background:#F8FAFC;">
								<span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:200px;">文件名
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:100px;">状态
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:100px;">操作
								</span>
							</div>
						</div>
						<!--表头 end-->
						<!-- 表体 start -->
						<div data-feidao-presentation="P02" class="border-l-1 font12 t_body">
							<div class="tableRow">
								<span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:200px;"
								 title="">文件名
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:100px;"
								 title="">状态
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:100px;"
								 title="">
									<span class="color-red cursor-p" style="margin: 0 5px;">删除</span>
								</span>
							</div>
						</div>
						<!-- 表体 end -->
					</div>
					<!-- 表格 end -->
				</div>
			</div>
		</div>
	</div>
	<!-- 上传文件 end -->


</body>

</html>